<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="club_album_view" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed" data-tap-toggle="false">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a href="../inc/navi.html" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a href="../inc/info_booking.html" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_B">
            <h2>앨범게시판 상세보기</h2>
            <!--left  btn-->
            <div class="top_left">
                <a href="#" data-rel="back" data-direction="reverse" class="ico_btn btn10">이전</a>
            </div>
        </div><!-- // class="top_title_B" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <!--상세 View-->
        <ul class="view_cont">
            <!--제목  -->
            <li class="sub">
                제목이 노출됩니다. 제목이 노출됩니다. 제목이 노출됩니다. 
                <div class="con">
                    <p>잭니클라우스</p>
                    <!--p class="nice">나이스샷<mark>(22)</mark></p-->
                </div>
                <time>2012.03.31 18:30</time>
            </li>
            
            <!--관리자/글 작성자만 노출되는 btn  -->
            <li class="view_txt"> <a name="#" data-role="button" data-theme="c" class="btn_type2"> 삭제</a> </li>
            
            <!--내용 -->
            <li class="view_txt ui-grid-a">
                <!--이미지 영역-->
                <div class="img_slide">
                    <div class="img">
                        <span class="img_info">
                            <img src="../images/del.gif" alt=""/>
                            <a href="../inc/img_view.html" class="bt_view" data-transition="slide"><span class="ico_btn btn14"><em>크게보기</em> </span></a>
                        </span>
                    </div>
                    <div class="img_num">(<mark>3</mark>/   12   )</div>
                    
                    <button data-role="none" class="arr_right"><em>우측 btn</em></button>
                    <button data-role="none" class="arr_left"><em>좌측 btn</em></button>
                </div>
                           
                <!--택스트 영역 -->
                내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다.
            </li>
            
            <!--btn  -->
            <li class="bt_side">
                <div class="ui-grid-a">
                    <div class="ui-block-a">
                        <a name="#" data-role="button" data-inline="true" data-theme="c" data-shadow="false" class="bt_nice" ><em>ico</em>나이스샷 </a> 
                        <a href="../course/nice_shot.html" data-role="button" data-inline="true" data-theme="b" data-shadow="false" data-transition="slide" class="bt_nice_l" >12</a> 
                    </div>
                    <div class="ui-block-b top_2"><button data-role="none" data-inline="true" data-transition="slide" class="facebook_btn ui-btn-corner-all"><span class="ico_navi navi22">icon</span>페이스북 공유</button></div>
                </div>
            </li> 
        </ul><!-- //  class="view_cont"  끝  -->  
        
        <!--관리자/글 작성자만 노출되는 btn  -->
        <!--div  class="btn_area02">
            <div class="ui-grid-a">
                <div class="ui-block-a"><a href="club_board_modify.html" data-role="button" data-inline="true" data-theme="b" data-transition="slide" >수정</a> </div>
                <div class="ui-block-b"><a name="#" data-role="button" data-inline="true"  data-theme="c" > 삭제</a></div>
            </div>
        </div-->  
        
        <!--댓글-->
        <div class="reply_area">
            <h5>댓글<mark>(0)</mark></h5>
            <!--댓글 쓰기-->
            <div class="reply_write">
                <form action="#" method="#">
                    <fieldset data-role="fieldcontain" class="ui-grid-a">
                        <div class="ui-block-a"><textarea placeholder="한글 100자 이내로 입력하세요."></textarea></div>                        
                        <div class="ui-block-b"><a name="#" data-role="button" data-inline="true"  data-theme="b" >등록</a></div>
                    </fieldset>
                </form>
            </div><!-- //  class="reply_write"  끝  --> 
            
            <!--댓글 list-->
            <ul data-role="listview" data-theme="c" class="reply_list">
                <!--댓글이 없을때 보여주는 영역-->
                <!--li class="no_l">댓글이 없습니다.   첫번째 댓글을 남겨주세요.</li-->
                
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h3>잭니클라우스</h3>
                    <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로~! </p>
                    <p class="nice">
                        <a name="#" data-role="button" data-inline="true" data-theme="c" data-shadow="false"><em>ico</em>나이스샷 </a> <mark>(0)</mark>
                    </p>
                    <time>2012.03.31 17:30</time>
                    <!--삭제 btn-->
                    <button data-role="none"><span class="ico_navi navi26"></span></button>
                </li>
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h3>팡야</h3>
                    <p>한박사님과 함께 골프를 즐기며 쉽게 </p>
                    <p class="nice">
                        <a name="#" data-role="button" data-inline="true" data-theme="c" data-shadow="false"><em>ico</em>나이스샷 </a> <mark>(0)</mark>
                    </p>
                    <time>2012.03.31 17:30</time>
                    <!--삭제 btn-->
                    <button data-role="none"><span class="ico_navi navi26"></span></button>
                </li>
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h3>타이거우즈</h3>
                    <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로~! </p>
                    <p class="nice">
                        <a name="#" data-role="button" data-inline="true" data-theme="c" data-shadow="false"><em>ico</em>나이스샷 </a> <mark>(0)</mark>
                    </p>
                    <time>2012.03.31 17:30</time>
                    <!--삭제 btn-->
                    <button data-role="none"><span class="ico_navi navi26"></span></button>
                </li>
            </ul><!-- //  class="reply_list" 끝  -->           
        </div><!-- //  class="reply_area" 끝  -->
          
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>